<template>
  <div>{{count}}</div>
  <button @click="add">点我加10</button>
</template>

<script setup>
import { ref } from 'vue';
// ref可以把我们的数据变成响应式的,如果定义普通数据类型,就用ref这个函数,包裹一下
// 会返回一个响应式的变量,这样ref的值一改变,视图就会立即更新
// 但是在js里面需要用.value来访问值, html模板里面不需要
let count = ref(10)
const add=()=>count.value+=10
</script>